<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Vue 测试实例 - 菜鸟教程(runoob.com)</title>
<!--  直接导入相关的学习 -->
  <script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/vue/3.2.26/vue.global.min.js"></script>
</head>
<body>
<!--注意这边的id-->
<div id="hello-vue" class="demo">
  {{ message }}
</div>

<script>

  const vueApp = {
    // 对象中有个data()方法，返回一个对象
    data() {
      return {
        message: 'Hello Vue!!'
      }
    }
  }

  Vue.createApp(vueApp).mount('#hello-vue')
</script>
</body>
</html>